What is Javascript？JavaScript （簡稱 JS）是一種 直譯式(Interpreter) 程式語言，程式碼會由上到下立即執行，它與HTML、CSS 並列網頁三大核心技術，HTML 代表網頁的架構、CSS 負責網頁的視覺外觀，而 JavaScript 則是用來控制網頁的各種互動與操作，並且 JS 不只可以用於網頁，也可以用來開發後端伺服器上的應用程式。
跟 CSS 一樣，要使用 Javascript 就需要將程式碼連結套用到 HTML 上，總共會有三種方法：Internal JavaScript、External JavaScript 和 Inline JavaScript，其中 External JavaScript 是最常見而且最適合的JS引入方法。
使用 <script> 連結 JS 檔案，比起其他兩種方法較不會破壞 HTML 結構。
<script type="text/javascript" src="檔名.js"></script>
Javascript 可以被放在 <head></head> 和 <body></body> 區塊中：
放在 <body></body> 的最底下：瀏覽器先載完網頁內容元件，才會執行 Javascript，如果程式碼中有需要取得網頁元素，就需要等待網頁內容元件加載完才讀取得到。
<body>
<!-- 放在 body 的最後 -->
<script type="text/javascript" src="檔名.js"></script>
</body>
放在 <head></head> 中：瀏覽器先執行 Javascript 再往下讀取 <body> 的內容，通常會用在不需要等待網頁內容載完才運行的時候。
<head>
<script type="text/javascript" src="檔名.js"></script>
</head>
接著就讓我們開始來了解 Javascript 的語法和基本功能，除了簡單介紹觀念與用法之外，會搭配一些實作小範例，讓讀者更清楚如何撰寫 JS。
你可以把變數當作是一個容器，可隨意儲存指定的值(資料)。指定值之前要先進行變數宣告來創立變數，會透過 var 或是 let 來進行宣告。另外還可以用 const 宣告一個只可讀取不能修改的常數。
let name = "May"; //let 用來宣告只作用在當前區塊的變數
var score = 80; //var 宣告的變數會是全域變數，或是作用在整個function
const isPass = true; //const 宣告的常數不能修改值
如果尚未指定數值給該變數，該變數的值會是 undefined，你可以指定各種資料值給變數或常數，比如字串(String)、數字(Number)、布林值(Boolean) ...。
let value; // undefined
let name = "May";
let score = 80;
let isPass = true;
條件陳述式讓我們指定要在哪些情況下分別執行不同的程式碼，在 JavaScript 中可以使用 if...else 和 switch 來進行條件執行。
以 if...else 來說明，指定一個不是 true 就是 false 的條件給 if，當邏輯判斷為真時執行 if 內的區塊，邏輯判斷為否則執行 else 內的區塊。
if(指定條件){
//當指定條件為true時執行
}
else{
//當指定條件為false時執行
}
而指定的邏輯條件，通常會透過運算子來輔助。運算子有算術運算子、比較運算子...等等，算數運算子包含加+、減-、乘*、除/，比較運算包含小於<、大於>、不等於!==、嚴格等於===，可以讓我們進行數值比較、運算、連接字符串等。
'Bingo'+' says hello!' //'Bingo says hello!'
5 * 3 //15
10 < 6 //false
'Chris' === 'Ch' + 'ris' //true
直接利用一個小範例來當作結尾，複習今天提到的一些觀念。現在我們想要判斷一個學生的成績是否及格，總共會需要姓名、成績、判斷結果三個資料，指定學生叫做 May、成績為90分：
let name;
let score;
let result;
name = "May";
score = 90;
利用 if...else 進行成績及格判斷，成績大於60分就是及格，反之則不及格，將結果儲存在 result 內：
if(score >= 60){
result = "PASS"
}
else{
result = "FAIL"
}
印出判斷的結果，這樣就完成了今天的內容囉！
console.log(`${name}的成績結果是${result}`)
//"May的成績結果是PASS"
如果文章中有錯誤的地方，要麻煩各位大大不吝賜教；喜歡的話，也要記得幫我按讚訂閱喔❤️
iThome鐵人賽
看影片追技術